<template>
  <div class="box">
    <div class="main-box">
      <div v-for="(item, index) in salarys" :key="index" class="item-box">
        <div>
          <span>{{ item.orderType||'基本工资' }}</span>
            <div class="date-box">{{ item.overTime}}</div>
        </div>
        <div>您得到的工资：{{ item.money }}元</div>
        <hr />
      </div>
      <div class="foot-box">没有更多 </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      page:1,
      pageSize:10,
      salarys: [
        {
          name: "估损预约维修",
          number: "45",
          date: "2017.03.06",
        },
        {
          name: "估损预约维修",
          number: "45",
          date: "2017.03.06",
        },
        {
          name: "估损预约维修",
          number: "45",
          date: "2017.03.06",
        },
        {
          name: "估损预约维修",
          number: "45",
          date: "2017.03.06",
        },
        {
          name: "估损预约维修",
          number: "45",
          date: "2017.03.06",
        },
        {
          name: "估损预约维修",
          number: "45",
          date: "2017.03.06",
        },
 
      ],
    };
  },
  created(){
    this.$http({
      url:'/salary/selectAll',
      method:'POST',
      params:{
        page:this.page,
        pageSize:this.pageSize
      }
    })
    .then(res=>{
      // console.log(res.data);
      this.salarys=res.data.data
    })
    
  },
};
</script>

<style lang="scss" scoped>
.box {
  margin: 20px 0;

  .item-box {
    padding: 10px;
    height:60px;
    line-height: 30px;
    
    .date-box {
      float: right;
    }
  }
  .foot-box {
    text-align: center;
  }
}
</style>